@mixin button {
    color: inherit;
	background-color: inherit;
    border-style: solid;
    border-width: 1px;
	border-color: inherit;
	box-sizing: border-box;
	appearance: none;
	outline: 0;
	font-family: inherit;
	font-size: var(--phx);
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	user-select: none;
    text-decoration: none;
	font-weight: 400;
	text-align: center;
	border-color: transparent;
	transition: color .2s linear,border .2s linear,background-color .2s linear,box-shadow .2s linear;
	line-height: 1;
}
@mixin bg($bg){
    background-color: $bg;
    border-color: $bg;
}
@mixin hoverStriped($bg){
	content:"";
	position:absolute;
	left:0;
	margin: auto;
	backface-visibility: hidden;
	transition: transform .3s ease;
	background-color:$bg;
}
@mixin input{
	padding: var(--ph-form-padding);
	border-width: 1px;
	border-style: solid;
	font-size: var(--phx);
	border-color: var(--ph-form-border);
	color:var(--ph-color-dark);
    font-weight: 400;
    background-color: #fff;
}
